<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/resource/jsp/common_top.jsp"%>
<link rel="stylesheet/less" type="text/css"
	href="${PRESERVE_PARAMETER_STYLEPATH }user/admin.css" />
<link rel="stylesheet/less" type="text/css"
	href="${PRESERVE_PARAMETER_STYLEPATH }list.css" />
<script type="text/javascript"
	src="${PRESERVE_PARAMETER_RESPATH }js/lib/less.js"></script>
<body>
	<!-- 
	<div class="item-list pager-item-list">
		<ul class="pager" data-bind="template:{foreach:page}">
			<li class="" data-bind="text:pageNo"></li>

			<li class="pager-current first">1</li>
			<li class="pager-item"><a title="到第 2 页"
				href="/blogs/list.html?page=1">2</a></li>
			<li class="pager-item"><a title="到第 3 页"
				href="/blogs/list.html?page=2">3</a></li>
			<li class="pager-item"><a title="到第 4 页"
				href="/blogs/list.html?page=3">4</a></li>
			<li class="pager-item"><a title="到第 5 页"
				href="/blogs/list.html?page=4">5</a></li>
			<li class="pager-item"><a title="到第 6 页"
				href="/blogs/list.html?page=5">6</a></li>
			<li class="pager-item"><a title="到第 7 页"
				href="/blogs/list.html?page=6">7</a></li>
			<li class="pager-item"><a title="到第 8 页"
				href="/blogs/list.html?page=7">8</a></li>
			<li class="pager-item"><a title="到第 9 页"
				href="/blogs/list.html?page=8">9</a></li>
			<li class="pager-ellipsis">…</li>
			<li class="pager-next"><a title="去下一个页面"
				href="/blogs/list.html?page=1"></a></li>
			<li class="pager-last last"><a title="到最后一页"
				href="/blogs/list.html?page=32"></a></li>
		</ul>
	</div>
	
 -->

	<div class="item-list pager-item-list">
		<ul class="pager">
		
			<li class="pager-first"><a title="到最前一页"
				href="/blogs/list.html?page=32"></a></li>
			<!-- ko if: hasPrePage -->	
			<li class="pager-pre"><a title="去上一个页面"
				href="/blogs/list.html?page=1"></a></li>
			<!-- /ko -->
			<!-- ko foreach: pagingList -->
			<li class="pager-item"
				data-bind="css:{'pager-current':isCurrent},text:pageNo"></li>
			<!-- /ko -->
			<!-- ko if: hasNextPageList -->
			<li class="pager-ellipsis">…</li>
			<!-- /ko -->
			<!-- ko if: hasNextPage -->
			<li class="pager-next"><a title="去下一个页面"
				href="/blogs/list.html?page=1"></a></li>
			<!-- /ko -->
			<li class="pager-last last"><a title="到最后一页"
				href="/blogs/list.html?page=32"></a></li>
		</ul>
	</div>

	<script>
		function KK() {
			this.pagingList = ko.observableArray([ {
				pageNo : 1,
				isCurrent : true
			}, {
				pageNo : 2,
				isCurrent : false
			}, {
				pageNo : 3,
				isCurrent : false
			}, {
				pageNo : 4,
				isCurrent : false
			} ]);
			this.hasPrePage = ko.observable(true);
			this.hasNextPage = ko.observable(true);
			this.hasNextPageList = ko.observable(true);
			this.pageNo = '';
			this.rowSize = 8;
		};
		var kk = new KK();
		kk.pagingList.push({pageNo:7,isCurrent:false});
		kk.hasNextPage = false;
		ko.applyBindings(kk);
	</script>
</body>
</html>
